<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 回调函数就是一个通过函数指针调用的函数。
    // 回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数 主函数不用等待回调函数执行完，可以接着执行自己的代码。所以一般回调函数都用在链式运动中动画操作 -->
        // function A(callback){ //callback 是形参
        //     console.log("我是主函数");
        //     if(callback){// 判断如果存在就运行
        //         callback()
        //     }
        // }
        // 然后调用，把函数作为实参传进去
        // A(function(){
        //     console.log("我是回调函数");
        // }) 
         //得到的结果就是我是主函数,和我是回调函数

        //把主函数里的值传出去
         function A(callback){ //callback 是形参
            console.log("我是主函数");
            var zxc =1234
            if(callback){// 判断如果存在就运行
                callback(zxc)//把zxc里面的值传出去
            }
        }

        //把函数做为实参传进去
        A(function(cc){ 
            console.log("我是回调函数");
            console.log(cc);
        }) 
</script>
</html>